<template>
  <div class="test-api-container">
    <el-card class="api-test-card" header="API 测试">
      <TokenDebugger />
    </el-card>
  </div>
</template>

<script setup lang="ts">
import TokenDebugger from '../components/TokenDebugger.vue';
</script>

<style scoped>
.test-api-container {
  padding: 24px;
  background-color: var(--background-color, var(--el-bg-color-page, #f0f2f5));
  min-height: 100vh;
}

.api-test-card {
  background-color: var(--card-background-color, var(--el-bg-color, #fff));
  border-radius: var(--radius-md, 8px);
  box-shadow: var(--shadow-sm, 0 2px 4px rgba(0, 0, 0, 0.1));
}
</style>

